<template>
  <div>
    <SearchBox :pageName="`seaFreightList`"></SearchBox>
    <el-card class="margin-top">
      <div class=" padding-bottom-sm">
        <el-pagination
          :current-page="currentPage"
          :page-sizes="[20, 40, 60, 80, 100]"
          :page-size="20"
          layout="prev, pager, next, jumper, sizes,total"
          :total="total"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
      </div>
      <TableModul
        :pageName="`seaFreightList`"
        :tableColumns="tableColumns"
        :tableData="tableData"
      ></TableModul>
    </el-card>
  </div>
</template>

<script>
import SearchBox from "./components/SearchBox";
import TableModul from "./components/TableModul";
export default {
  components: {
    SearchBox,
    TableModul
  },
  data() {
    return {
      currentPage: 1,
      pageSize: 20,
      total: 20,
      tableColumns: [
        {
          children: [
            { label: "客户简称", prop: "waybillNo", type: "string" },
            { label: "客户代码", prop: "referenceNo", type: "string" }
          ]
        },
        {
          children: [
            { label: "运单号", prop: "waybillNo", type: "string" },
            { label: "参考号", prop: "referenceNo", type: "string" }
          ]
        },
        {
          children: [
            { label: "状态", prop: "status", type: "string" },
            { label: "收货地", prop: "storageLocation", type: "string" }
          ]
        },
        {
          children: [
            { label: "追踪号1", prop: "trackNumber", type: "string" },
            { label: "追踪号2", prop: "trackNumber1", type: "string" }
          ]
        },
        {
          children: [{ label: "起运地", prop: "trackNumber", type: "string" }]
        },
        {
          children: [
            { label: "目的国", prop: "countryId", type: "string" },
            { label: "派送地址", prop: "dispatchAddressCode", type: "string" }
          ]
        },
        {
          children: [
            { label: "入库渠道", prop: "customerChannelMap", type: "string" },
            { label: "出库渠道", prop: "declareValueCurrency", type: "string" }
          ]
        },
        {
          children: [
            { label: "客户实重", prop: "customerActualWeight", type: "string" },
            { label: "入库实重", prop: "inStockActualWeight", type: "string" }
          ]
        },
        {
          children: [
            { label: "客户体积", prop: "customerVolume", type: "string" },
            { label: "入库体积", prop: "inStockVolume", type: "string" }
          ]
        },
        {
          children: [
            {
              label: "客户计费重",
              prop: "customerChargedWeight",
              type: "string"
            },
            {
              label: "入库计费重",
              prop: "inStockChargedWeight",
              type: "string"
            }
          ]
        },
        {
          children: [
            {
              label: "客户件数",
              prop: "customerTotalPackages",
              type: "popup"
            },
            { label: "入库件数", prop: "inStockTotalPackages", type: "string" }
          ]
        },
        {
          children: [
            {
              label: "申报总额",
              prop: "customerTotalPackages",
              type: "string"
            },
            { label: "服务商", prop: "serviceCompanyId", type: "string" }
          ]
        },
        {
          children: [
            { label: "销售", prop: "salesmanId", type: "string" },
            { label: "客服", prop: "servicesId", type: "string" }
          ]
        },
        {
          children: [
            { label: "入库时间", prop: "inStockTime", type: "time" },
            { label: "出库时间", prop: "outStockTime", type: "time" }
          ]
        },
        {
          children: [
            { label: "渠道能力", prop: "channelCapacity", type: "string" },
            { label: "国内分区", prop: "provinceId", type: "string" }
          ]
        },
        {
          children: [
            { label: "跟单操作", prop: "channelCapacity", type: "string" },
            { label: "海外操作", prop: "overseasOperatorId", type: "string" }
          ]
        },
        {
          children: [
            { label: "交货条款", prop: "deliveryTerms", type: "tag" },
            { label: "到仓件数", prop: "arrivalTotalPackages", type: "string" }
          ]
        }

        // {
        //   label: "备注信息",
        //   prop: "channelCapacity_provinceId",
        //   children: [{ label: "其他信息" }]
        // }
      ],
      tableData: [
        {
          waybillNo: "ZX20054654",
          referenceNo: "ZX245643564",
          waybillNo: "ZX200546541",
          referenceNo: "ZX200546543",
          status: "待收货",
          storageLocation: "深圳",
          serviceCompanyId: "深圳",
          trackNumber: "722601200042",
          countryId: "美国",
          dispatchAddressCode: "旧金山",
          customerChannelMap: "日本空派带电(不包税)",
          declareValueCurrency: "5984146841306.67 USD",
          customerActualWeight: "2000",
          inStockActualWeight: "2001",
          customerVolume: "2000",
          inStockVolume: "2120",
          customerChargedWeight: "2000",
          inStockChargedWeight: "2100",
          inStockTotalPackages: "313件",
          customerTotalPackages: "0",
          outStockTime: "2016-05-03 18:26",
          inStockTime: "2016-05-03 18:26",
          channelCapacity: "普货（无任何电池）",
          provinceId: "邮编0、1、2、3开头",
          salesmanId: "Sam",
          servicesId: "Sam",
          deliveryTerms: "DDP",
          arrivalTotalPackages: "1222",
          orderTrack: [
            {
              trackMan: "Sam",
              trackTime: "2016-05-03 18:26",
              trackAddress: "深圳",
              track: "深圳深圳深圳深圳深圳深圳深圳深圳深圳"
            }
          ],
          systemNotes: `
                      1: 【于2020-12-08 19:38:26由东浩兴科技-S-V(183.13.21.102)创建订单】<br>
2: 【于2020-12-08 19:43:23由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
3: 【于2020-12-08 19:44:34由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
4: 【于2020-12-08 19:45:01由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
5: 【于2020-12-08 20:04:01由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
6: 【于2020-12-08 20:08:42由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
7: 【于2020-12-08 20:09:08由东浩兴科技-S-V(183.13.21.102)编辑订单】<br>
8: 【于2020-12-08 22:34:43由熊运节(113.91.60.19)执行货物到仓操作，到仓件数:26,库位:】<br>
9: 【于 2020-12-09 01:49:36 由 杨辉(113.91.60.19) 入库,当前运单部分箱号未匹配成功,计费异常：当前订单->客户体积：2.0 九方体积：2.454 误差0.227超过误差范围0.05 长宽高:55.0X43.0X37.0 实重:475.04,箱号不匹配,您的欠费已经超过最大欠款额度,您的欠费已经超过账期】<br>
10: 【于2020-12-09 01:49:37由杨辉(113.91.60.19)入库,生成阿米巴渠道费用】<br>
11: 【于 2020-12-09 09:38:36 由 Darcy(113.110.254.155)解冻订单】`
        }
      ],
      tableInfo: []
    };
  },
  methods: {
    handleSizeChange(val) {
      this.pageSize = val;
    },
    handleCurrentChange(val) {
      this.currentPage = val;
    }
  }
};
</script>

<style></style>
